import React from 'react';
import ReactDom from 'react-dom';
import CollectTable from './components/collectTable';
import ScanTable from './components/scanTable';
import SearchTable from './components/searchTable';
import ImageSearch from './components/imageSearch/';
import zhCN from 'antd/lib/locale-provider/zh_CN';
import { LocaleProvider, Layout, Divider } from 'antd';

ReactDom.render(
	<LocaleProvider locale={zhCN}>
		<Layout>
			<Layout.Header style={{ height: '64px' }}>
				<h1 style={{ color: '#fff' }}>组件列表</h1>
			</Layout.Header>
			<Layout.Content style={{ padding: '16px 50px', minHeight: 'calc(100vh - 112px)' }}>
				<h2>以图搜图组件</h2>
				<ImageSearch />
				<Divider />
				<h2>专利收藏表格</h2>
				<CollectTable />
				<Divider />
				<h2>浏览记录表格</h2>
				<ScanTable />
				<Divider />
				<h2>搜索记录表格</h2>
				<SearchTable />
			</Layout.Content>
			<Layout.Footer style={{ height: '48px' }}>
				<a target="_blank" href="https://gitee.com/wsqcool/react-components">
					Gitee
				</a>
			</Layout.Footer>
		</Layout>
	</LocaleProvider>,
	document.getElementById('root')
);
